<template>
    <div>
        <div class="ibanner">

        </div>
    </div>
</template>
<script>
    export default {
        name: '',
        data:() => ({
            isHome:true,
            isCard:false,
            isMall:false,
            isPlatform:false,
            isHelp:false,
            isContact:false,
        }),
        mounted:function () {
            const uri=this.$route.path;
            console.log(uri);
            if(uri === '/'){
                this.isHome = true;
                this.isCard = false;
                this.isMall = false;
                this.isPlatform=false;
                this. isHelp=false;
                this.isContact=false;
            }
            if(uri ==='/card'){
                this.isHome = false;
                this.isCard = true;
                this.isMall = false;
                this.isPlatform=false;
                this. isHelp=false;
                this.isContact=false;
            }
            if(uri ==='/mall'){
                this.isHome = false;
                this.isCard = false;
                this.isMall = true;
                this.isPlatform=false;
                this. isHelp=false;
                this.isContact=false;
            }
            if(uri ==='/platform'){
                this.isHome = false;
                this.isCard = false;
                this.isMall = false;
                this.isPlatform=true;
                this. isHelp=false;
                this.isContact=false;
            }
            if(uri ==='/platform'){
                this.isHome = false;
                this.isCard = false;
                this.isMall = false;
                this.isPlatform=true;
                this. isHelp=false;
                this.isContact=false;
            }
        },
    }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>